/* 瓒呭皬璁惧锛堟墜鏈猴紝灏忎簬 768px锛 */
@media screen and (min-width: 320px) {

  body {
    font-size: 12px;
    line-height: 1.5;
  }

  .cy-container {
    width: 100%;
    padding: 0 5%;
  }
  /* header */
  .cy-header-real {
    height: 46px;
  }

  .cy-lm {
    height: 100%;
    position: relative;
    background: #fff;
    z-index: 50;
  }

  .cy-logo {
    width: 58%;
    height: 31px;
    top: 10px;
    background-size: 100% 100%;
  }

  .cy-more {
    width: 22px;
    top: 15px;
    cursor: pointer;
  }

  .cy-more a {
    width: 22px;
    height: 3px;
    margin: 2px 0;
    padding: 0;
    font-size: 0;
    background: #666;
    border: 0 none;
    border-radius: 0;
    transition: all .38s;
  }

  .cy-more a:hover,
  .cy-more .cy-search:hover {
    background: #666;
  }

  .cy-search input {
    display: none;
  }

  .cy-more.cy-active,
  .cy-more.cy-active a {
    width: 18px;
  }

  .cy-more.cy-active .cy-oa {
    opacity: 0;
    visibility: hidden;
  }

  .cy-more.cy-active .cy-search {
    transform: translate(0, 7px) rotate(45deg);
  }

  .cy-more.cy-active .cy-email {
    transform: translate(0, -7px) rotate(-45deg);
  }

  .cy-nav {
    width: 56.25%;
    height: 100%;
    position: fixed;
    top: 0;
    right: 0;
    padding: 46px 0 0 0;
    margin: 0 -56.25% 0 0;
    transition: margin .5s;
  }

  .cy-nav.cy-active {
    margin: 0;
  }

  .cy-nav .cy-nav-mark {
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: url("../images/icons/01_hm_grad_black80.png");
    z-index: 10;
  }

  .cy-nav-title {
    height: 100%;
    padding: 0;
    border: 0 none;
    box-shadow: 0 0;
  }

  .cy-nav-title>ul {
    width: 100%;
    margin: 0;
  }

  .cy-nav-title>ul>li {
    width: 100%;
  }

  .cy-nav-title>ul>li>a {
    position: relative;
    padding: 0 0 0 16.66%;
    font-size: 14px;
    line-height: 45px;
    text-align: left;
    border-bottom: 1px solid #dcdcdc;
    color: #333;
  }

  .cy-nav-title>ul>li>a:before {
    content: '';
    position: absolute;
    top: 50%;
    right: 12%;
    margin-top: -3px;
    border-left: 6px solid transparent;
    border-top: 6px solid #fff;
    border-right: 6px solid transparent;
  }

  .cy-nav-title>ul>li>a::before {
    content: '';
    position: absolute;
    top: 50%;
    right: 12%;
    margin-top: -3px;
    border-left: 6px solid transparent;
    border-top: 6px solid #fff;
    border-right: 6px solid transparent;
  }

  .cy-nav-title>ul>li:first-child>a {
    background: #666;
    color: #fff;
    border-color: #666;
  }

  .cy-nav-title>ul>li:first-child>a:before {
    display: none;
  }

  .cy-nav-title>ul>li:first-child>a::before {
    display: none;
  }

  .cy-nav-title>ul>li.cy-active>a {
    background: #00a596;
    color: #fff;
    border-color: #00a596;
  }

  .cy-nav-title>ul>li .cy-nav-cLink {
    display: none;
    margin: 0;
  }

  .cy-nav-cLink>li {
    width: 100%;
    text-align: left;
  }

  .cy-nav-cLink>li>a {
    padding: 0 0 0 16.66%;
    font-size: 14px;
    color: #333;
    line-height: 45px;
    background: #f0f0f0;
    border-bottom: 1px solid #dcdcdc;
  }
  /* header end */
  /* footer */
  .cy-footer-real {
    padding: 30px 5% 20px;
  }

  .cy-contact {
    float: none;
    width: 100%;
    text-align: left;
  }

  .cy-contact>p {
    display: block;
  }

  .cy-contact-way>li {
    width: 100%;
    margin: 6px 0;
    font-size: 12px;
  }

  .cy-copyright {
    float: none;
    width: 100%;
    margin: 20px 0 0;
  }

  .cy-friendlyLink:before {
    border-top: 6px solid #fff;
    border-bottom: 0 none;
  }

  .cy-friendlyLink::before {
    border-top: 6px solid #fff;
    border-bottom: 0 none;
  }

  .cy-friendlyLink {
    display: block;
    width: 100%;
    height: auto;
  }

  .cy-friendlyLink>ul {
    width: auto;
    position: relative;
    left: auto;
    bottom: auto;
    border: 1px solid #fff;
  }

  .cy-friendlyLink>ul>li>a {
    margin: 0;
    border-bottom: 0 none;
    border-top: 1px solid #bbb;
  }

  .cy-friendlyLink>ul>li:first-child>a {
    border: 0 none;
  }

  .cy-copyright>p {
    font-size: 12px;
  }

  .cy-copyright>p>span {
    display: block;
    text-align: right;
  }
  /* footer end */
  .cy-case {
    margin: 20px 0;
  }
}

@media screen and (min-width: 375px) {
  /* header */
  .cy-header-real{
    height: 54px;
  }

  .cy-logo {
    height: 36px;
    top: 12px;
  }

  .cy-more {
    width: 24px;
    top: 18px;
  }

  .cy-more a {
    width: 24px;
  }

  .cy-more.cy-active,
  .cy-more.cy-active a {
    width: 20px;
  }

  .cy-nav {
    padding: 54px 0 0;
  }
  /* header end */
  /* footer */
  .cy-footer-real {
    padding: 34px 5% 21px;
  }

  .cy-contact-way>li {
    font-size: 13px;
  }
  /* footer end */
}

@media screen and (min-width: 425px) {
  /* header */
  .cy-header-real{
    height: 61px;
  }

  .cy-logo {
    height: 41px;
    top: 14px;
  }

  .cy-more {
    width: 26px;
    top: 23px;
  }

  .cy-more a {
    width: 26px;
  }

  .cy-more.cy-active,
  .cy-more.cy-active a {
    width: 23px;
  }

  .cy-nav {
    padding: 61px 0 0;
  }
  /* header end */
  /* footer */
  .cy-footer-real {
    padding: 36px 5% 22px;
  }

  .cy-contact-way>li {
    font-size: 14px;
  }

  .cy-copyright>p {
    font-size: 13px;
  }
  /* footer end */
}

@media screen and (min-width: 540px) {
  /* header */
  .cy-header-real{
    height: 78px;
  }

  .cy-logo {
    height: 52px;
    top: 16px;
  }

  .cy-more {
    top: 30px;
  }

  .cy-nav {
    padding: 78px 0 0;
  }

  .cy-nav-title>ul>li>a,
  .cy-nav-cLink>li>a {
    font-size: 18px;
    line-height: 60px;
  }
  /* header end */
  /* footer */
  .cy-friendlyLink {
    display: inline-block;
    width: 255px;
    text-align: left;
  }

  .cy-copyright {
    text-align: right;
    margin: -36px 0 0;
  }

  .cy-copyright>p {
    margin: 20px 0 0;
    text-align: left;
  }

  .cy-copyright>p>span {
    display: inline-block;
  }

  .cy-friendlyLink:before {
    border-top: 0 none;
    border-bottom: 6px solid #fff;
  }

  .cy-friendlyLink::before {
    border-top: 0 none;
    border-bottom: 6px solid #fff;
  }

  .cy-friendlyLink>ul {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 100%;
    border: 1px solid #fff;
    border-bottom: 0 none;
  }
  /* footer end */

  .cy-news-banner>ul {
    bottom: 30px;
  }
}
/* 灏忓瀷璁惧锛堝钩鏉跨數鑴戯紝768px 璧凤級 */
@media screen and (min-width: 768px) {
  body {
    font-size: 13px;
    line-height: 1.6;
  }
  /* header */
  .cy-nav-title>ul>li>a,
  .cy-nav-cLink>li>a {
    font-size: 24px;
    line-height: 80px;
  }

  .cy-more {
    width: 30px;
    top: 23px;
  }

  .cy-more a {
    width: 30px;
    height: 4px;
  }

  .cy-more.cy-active,
  .cy-more.cy-active a {
    width: 26px;
  }

  .cy-more.cy-active .cy-search {
    transform: translate(0, 8px) rotate(45deg);
  }
  /* header end */
  /* footer */
  .cy-contact {
    float: right;
    width: 50%;
    padding: 0 0 0 10%;
  }

  .cy-contact>p {
    display: inline-block;
  }

  .cy-contact-way>li {
    width: 100%;
    margin: 5px 0;
  }

  .cy-contact-way {
    margin: 8px 0 0;
  }

  .cy-copyright {
    float: left;
    width: 50%;
    margin: 0;
    text-align: left;
  }

  .cy-friendlyLink {
    height: 37px;
  }

  .cy-footer-real {
    padding: 40px 5% 28px;
  }
  /* footer end */
  /* home */
  .cy-btext-item h3 {
    font-size: 24px;
  }

  .cy-announcement h5,
  .cy-btext-item h4,
  .cy-newsHot-text h5 {
    font-size: 18px;
  }

  .cy-newsHot-text h4 {
    font-size: 20px;
  }

  .cy-newsList-title li {
    font-size: 15px;
  }

  .cy-newsB-iDesc p {
    height: 24px;
    font-size: 16px;
  }

  .cy-news-banner>ul {
    left: 45%;
    right: auto;
    bottom: 25px;
  }

  .cy-news-banner>ul>li {
    width: 10px;
    height: 10px;
    margin: 0 3px;
  }

  .cy-common-title h3 {
    height: 27px;
    font-size: 18px;
  }

  .cy-caseBanner-t h4 {
    font-size: 16px;
  }
  /* home end */
  /* inside pages common content */
  .cy-iPC-title h3 {
    font-size: 20px;
  }

  .cy-iPC-title h4 {
    font-size: 28px;
  }

  .cy-iPC-title {
    padding: 20px 5%;
  }
  /* inside pages common content end */
  /* overview */
  .cy-iPC-nav a {
    padding: 0 10px;
    font-size: 14px;
  }

  .cy-oHSS-banner {
    overflow: hidden;
  }

  .cy-oHSS-b {
    float: left;
  }

  .cy-oHSS-b img {
    width: 100%;
    margin: 0;
  }

  .cy-oHSS-b {
    font-size: 15px;
  }

  .cy-oHSS-b h4 {
    height: 4em;
    top: -4em;
    margin: 0;
    padding: 1em 5%;
    font-size: 15px;
  }

  .cy-oHSS-b>div {
    margin: -4em 0 0;
  }

  .cy-oHSS-b>div p {
    font-size: 13px;
  }

  .cy-oHSS {
    position: relative;
  }

  .cy-oHHS-arrow {
    display: block;
  }

  .cy-oHHS-arrow li {
    display: block;
    width: 42px;
    height: 42px;
    position: absolute;
    top: 50%;
    margin: -60px 0 0;
    border: 2px solid #fff;
    border-radius: 50%;
    background: no-repeat center;
    cursor: pointer;
  }

  .cy-oHHS-arrow li:hover {
    border-color: #00a596;
  }

  .cy-oHHS-arrow li.cy-oHHS-prep {
    left: 10px;
    background-image: url("../images/icons/01_hm_nban_prep.png");
  }

  .cy-oHHS-arrow li.cy-oHHS-next {
    right: 10px;
    background-image: url("../images/icons/01_hm_nban_next.png");
  }

  .cy-oHHS-arrow li.cy-oHHS-prep:hover {
    left: 10px;
    background-image: url("../images/icons/01_hm_nban_preph.png");
  }

  .cy-oHHS-arrow li.cy-oHHS-next:hover {
    right: 10px;
    background-image: url("../images/icons/01_hm_nban_nexth.png");
  }
  /* overview end */
  /* newscenter */
  .cy-list-picText img {
    width: 90%;
    height: 400px;
    margin: 0 auto;
  }

  .cy-lPT-cont h3 {
    font-size: 16px;
  }

  .cy-lPT-cont p {
    height: 4.5em;
  }

  .cy-list-text li {
    font-size: 14px;
    overflow: hidden;
  }

  .cy-list-text span {
    display: inline-block;
    float: left;
    width: 15%;
  }

  .cy-list-text p {
    float: left;
    width: 85%;
  }

  .cy-list-picText2 li {
    margin: 0 5% 20px;
  }

  .cy-list-picText2 span,
  .cy-lPT2-text {
    padding: 0;
  }

  .cy-lPT2-text h3 {
    font-size: 16px;
  }

  .cy-iP2 {
    padding: 20px 0 50px;
  }

  .cy-iP2 a {
    float: left;
    width: 50%;
  }

  .cy-nCC h3 {
    font-size: 20px;
  }

  .cy-nCC-share {
    margin-left: 100px;
  }

  .cy-iPC-complain {
    position: absolute;
    top: 25px;
    right: 5%;
  }

  .cy-iPC-phone {
    margin-right: 20px;
  }

  .cy-pWS-box h4 {
    font-size: 18px;
  }

  .cy-pWSC-name,
  .cy-pWSC-phone {
    width: 50%;
    float: left;
    padding: 0 10px;
  }

  .cy-pWSC-file,
  .cy-pWSC-yzhma,
  .cy-pWSC-text {
    padding: 0 10px;
  }

  #cy-pWSC-submit {
    width: 100px;
  }

  .cy-sG-map {
    padding-top: 30px;
  }

  .cy-overview-structure {
    background-size: auto;
  }
  /* newscenter end */

  .cy-cu-contact {
    padding-top: 20px;
  }

  .cy-cu-words h3 {
    font-size: 15px;
  }

  .cy-form-ts {
    margin: 50px 10px 30px;
    padding: 30px 0 0;
  }

  .cy-safety .cy-iPC-complain {
    position: relative;
    top: auto;
    right: auto;
    margin-top: 30px;
  }
}
/* 涓瀷璁惧锛堝彴寮忕數鑴戯紝992px 璧凤級 */
@media screen and (min-width: 1025px) {
  body {
    font-size: 14px;
    line-height: 1.8;
  }
  /* header */
  .cy-header-real {
    height: 86px;
    background: #fff;
  }

  .cy-logo {
    width: 250px;
    height: 38px;
    top: 25px;
    left: 2%;
  }

  .cy-more {
    width: auto;
    top: 28px;
    right: 2%;
    cursor: default;
  }

  .cy-more a {
    width: auto;
    height: auto;
    margin: 0 0 0 1px;
    padding: 0 6px;
    background: #999;
    font-size: 12px;
    line-height: 30px;
    transition: background .38s;
  }

  .cy-more .cy-search{
    min-width: 30px;
    height: 30px;
    position: relative;
    margin: 0 5px 0 0;
    padding: 0 6px 0 0;
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    background: inherit;
    cursor: default;
  }

  .cy-search label {
    display: block;
    float: right;
    width: 15px;
    height: 100%;
    background: url("../images/icons/00_cm_search.png") no-repeat center;
  }

  .cy-search input {
    display: block;
    width: 0;
    height: 100%;
    margin: 0 22px 0 0;
    border: 0 none;
    transition: width .38s;
  }

  .cy-more a:hover,
  .cy-more .cy-oa {
    background: #00a596;
  }

  .cy-more .cy-search:hover {
    padding: 0 6px;
    background: #fff;
    border-radius: 6px;
  }

  .cy-more .cy-search:hover input {
    width: 90px;
  }

  .cy-more .cy-search:hover label {
    background: url("../images/icons/00_cm_searchh.png") no-repeat center;
  }

  .cy-nav {
    width: 100%;
    position: relative;
    top: auto;
    right: auto;
    margin: 0;
    padding: 0;
  }

  .cy-nav-title {
    height: 86px;
    padding: 27px 0;
    border-bottom: 1px solid #dedede;
    box-shadow: 0 1px 15px #ccc;
  }

  .cy-nav-title>ul {
    width: auto;
    margin: 0 0 0 7%;
  }

  .cy-nav-title>ul>li {
    width: 80px;
  }

  .cy-nav-title>ul>li>a {
    padding: 0;
    font-size: 15px;
    line-height: 32px;
    text-align: center;
    border: 0 none;
  }

  .cy-nav-title>ul>li>a:before {
    display: none;
  }

  .cy-nav-title>ul>li>a::before {
    display: none;
  }

  .cy-nav-title>ul>li:first-child>a {
    background: inherit;
    color: inherit;
  }

  .cy-nav-cont {
    height: 288px;
  }

  .cy-nav-cont>ul {
    margin: 0 0 0 7%;
  }

  .cy-nav-cList {
    width: 80px;
    padding: 16px 0 0;
  }

  .cy-nav-cList.cy-active {
    background: #eee;
  }

  .cy-nav-cLink>li>a {
    padding: 5px 0;
    background: inherit;
    font-size: 12px;
    line-height: 20px;
    border: 0 none;
    text-align: center;
  }

  .cy-nav-cLink>li>a:hover {
    color: #00a596;
  }

  .cy-nav-title>ul>li.cy-active>a {
    background: inherit;
    color: #00a596;
  }
  /* header end */
  /* footer */

  /* footer end */
  /* home */
  .cy-banner {
    position: relative;
  }

  .cy-banner-text {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    background: url("../images/icons/01_hm_grad_green.png");
  }

  .cy-banner-arrow {
    bottom: 2px;
  }

  .cy-banner-arrow div {
    font-size: 16px;
  }

  .cy-banner-arrow>p {
    margin: 0 8px;
  }

  .cy-banner-arrow>p>span {
    /*font-size: 18px;*/
  }

  .cy-btext-item {
    background: transparent;
  }

  .cy-annobanner-item>p {
    float: left;
    width: 85%;
  }

  .cy-annobanner-item>span {
    display: inline-block;
    float: right;
    width: 15%;
    padding: 0 36px 0 0;
  }

  .cy-announcement-share {
    top: auto;
    bottom: 10px;
  }

  .bdshare_popup_box {
    display: block;
  }

  .cy-news-banner {
    float: left;
    width: 50%;
    height: 368px;
    padding: 0;
  }

  .cy-newsBanner,
  .cy-newsBanner-item,
  .cy-newsB-img img,
  .slick-list,
  .slick-track {
    height: 100%;
  }

  .cy-news-list {
    float: right;
    width: 48%;
    height: 368px;
    padding: 0;
    overflow: hidden;
    background: #f5f5f5;
  }

  .cy-news-list>a {
    top: 0;
  }

  .cy-news>h3 {
    width: 40px;
    top: 40px;
    left: 5%;
    background: #00a596;
  }

  .cy-newsList-title {
    padding-left: 5%;
  }

  .cy-list-limit {
    max-height: 368px;
  }

  .cy-news-list .cy-list-limit {
    height: 300px;
    max-height: none;
    margin: 14px 0;
  }

  .cy-newsList-content {
    padding-top: 0;
  }

  .cy-news {
    padding: 40px 5% 30px;
  }

  .cy-work-list span {
    width: 12%;
  }

  .cy-work-list p {
    width: 88%;
  }

  .cy-work-banner {
    display: block;
    margin: 16px 0;
    overflow: hidden;
  }

  .cy-workBanner {
    float: left;
  }

  .slick-dots {
    width: auto;
    right: 10px;
    bottom: 15px;
    margin: 0 3px;
    font-size: 0;
  }

  .slick-dots li {
    width: 10px;
    height: 10px;
    border: 1px solid #fff;
    border-radius: 50%;
  }

  .slick-dots li.slick-active {
    background: #fff;
  }
  /* home end */
  /* service */
  .cy-service {
    margin: 0 0 16px;
    padding: 0 10px;
    overflow: hidden;
  }

  .cy-service-demo {
    float: left;
    width: 50%;
  }

  .cy-service ul {
    float: right;
    width: 49%;
    max-height: 210px;
    margin: 0;
  }
  /* service end */
  /* case */
  .cy-case {
    margin: 16px 0 40px;
  }

  .cy-case-banner {
    position: relative;
  }

  .cy-caseBanner-text {
    display: block;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    background: url("../images/icons/01_hm_grad_green.png");
  }

  .cy-caseBanner-t {
    padding: 24px;
    color: #fff;
    background: inherit;
  }

  .cy-caseBanner-t h4 {
    font-size: 18px;
    height: 2em;
    border-color: #fff;
  }

  .cy-common-title h3 {
    margin: 0 0 16px;
  }

  .cy-caseBanner-arrow {
    width: 71px;
    position: absolute;
    top: 24px;
    right: 24px;
    overflow: hidden;
  }

  .cy-caseBanner-arrow li {
    float: left;
    width: 36px;
    height: 36px;
    margin: 0 -1px 0 0;
    background: no-repeat center;
    border: 1px solid #fff;
    cursor: pointer;
    transition: background .2s, border .2s;
  }

  .cy-caseBanner-arrow .cy-caseBanner-prep {
    background-image: url("../images/icons/01_hm_nban_prep.png");
  }

  .cy-caseBanner-arrow .cy-caseBanner-next {
    background-image: url("../images/icons/01_hm_nban_next.png");
  }

  .cy-caseBanner-arrow li:hover {
    border-color: #00a596;
  }

  .cy-caseBanner-arrow .cy-caseBanner-prep:hover {
    background-image: url("../images/icons/01_hm_nban_preph.png");
  }

  .cy-caseBanner-arrow .cy-caseBanner-next:hover {
    background-image: url("../images/icons/01_hm_nban_nexth.png");
  }
  /* case end */
  /* overview */
  .cy-iPC-nav a {
    height: 3em;
    padding: 0 15px;
    line-height: 3em;
  }

  .cy-oCP img {
    width: auto;
    margin: 0 auto;
  }

  .cy-oIE-years {
    width: 16%;
    position: absolute;
    top: 28px;
    right: 5%;
  }

  .cy-oHSS-b {
    position: relative;
  }

  .cy-oHSS-b h4 {
    top: 0;
    color: #666;
    background: #fff;
    text-align: center;
    transition: color .3s, background .2s;
    z-index: 10;
  }

  .cy-oHSS-b:hover h4 {
    color: #fff;
    background: #00a596;
  }

  .cy-oHSS-b:hover>div {
    height: 100%;
  }

  .cy-oHSS-b>div {
    width: 100%;
    height: 0;
    position: absolute;
    left: 0;
    bottom: 0;
    margin: 0;
    padding: 0 5%;
    color: #fff;
    background: url("../images/icons/01_hm_grad_black.png");
    transition: height .5s;
  }

  .cy-oHSS-b>div p {
    padding: 30% 10% 0;
    font-size: 14px;
    text-align: center;
  }

  .cy-overview-highSpeedStyle {
    padding: 0 0 150px;
  }

  .cy-oHSS {
    margin: 30px 0 0;
    padding: 0;
  }

  .cy-oHSS-b {
    padding: 0;
  }
  /* overview end */
  /* newscenter */
  .cy-list-picText {
    padding: 60px 0;
  }

  .cy-list-picText li {
    padding: 30px 5%;
    overflow: hidden;
    border-bottom: 1px solid #ccc;
  }

  .cy-lPT-container>p {
    float: left;
    width: 30%;
    height: 210px;
    overflow: hidden;
  }

  .cy-list-picText li img {
    width: 100%;
    height: 100%;
    margin: 0;
    transition: transform .38s;
  }

  .cy-list-picText li:hover img {
    transform: scale(1.1);
  }

  .cy-lPT-cont {
    float: right;
    width: 69%;
    height: 210px;
    position: relative;
    padding: 20px;
    overflow: hidden;
  }

  .cy-lPT-cont p {
    height: 6em;
  }

  .cy-list-picText li:hover .cy-lPT-cont>a {
    color: #fff;
    background: #00a596;
    border-color: #00a596;
  }

  .cy-lPT-cont span {
    position: absolute;
    right: 20px;
    bottom: 20px;
  }

  .cy-lPT-cont span:before {
    content: '';
    width: 20px;
    height: 1px;
    position: absolute;
    top: 50%;
    right: 120%;
    background: #ccc;
  }

  .cy-lPT-cont span::before {
    content: '';
    width: 20px;
    height: 1px;
    position: absolute;
    top: 50%;
    right: 120%;
    background: #ccc;
  }

  .cy-list-picText {
    padding-bottom: 0;
    border-bottom: 0 none;
  }

  .cy-lPT-cont>a {
    display: inline-block;
    position: absolute;
    left: 20px;
    bottom: 20px;
    margin: 10px 0 0;
    padding: 0 5px;
    border: 1px solid #ccc;
    transition: background .38s, color .38s;
  }

  .cy-list-picText2 li {
    position: relative;
    overflow: hidden;
  }

  .cy-list-picText2 li>p {
    float: left;
    width: 60%;
    height: 360px;
    margin: 0;
    overflow: hidden;
  }

  .cy-list-picText2 li>p img {
    height: 100%;
    transition: transform .38s;
  }

  .cy-list-picText2 li:hover>p img {
    transform: scale(1.1);
  }

  .cy-list-picText2 span {
    width: 80px;
    height: 80px;
    position: absolute;
    top: 0;
    left: 6%;
    background: #00a596;
    font-size: 0;
    color: #fff;
    text-align: center;
    font-family: Arial;
  }

  .cy-list-picText2 span:before {
    content: '';
    position: absolute;
    top: 100%;
    left: 0;
    border-left: 40px solid #00a596;
    border-right: 40px solid #00a596;
    border-bottom: 15px solid transparent;
  }

  .cy-list-picText2 span::before {
    content: '';
    position: absolute;
    top: 100%;
    left: 0;
    border-left: 40px solid #00a596;
    border-right: 40px solid #00a596;
    border-bottom: 15px solid transparent;
  }

  .cy-list-picText2 span b {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 5px;
    font-size: 12px;
  }

  .cy-list-picText2 span i {
    width: 100%;
    position: absolute;
    top: 15px;
    left: 0;
    font-size: 36px;
    font-weight: bold;
    line-height: 1;
  }

  .cy-lPT2-text {
    float: left;
    width: 40%;
    height: 360px;
    position: relative;
    padding: 50px 30px;
    transition: background .38s;
  }

  .cy-lPT2-text::before {
    content: '';
    width: 0;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #00a596;
    transition: width .38s;
  }

  .cy-lPT2-text h3 {
    font-size: 20px;
    line-height: 1.4;
  }

  .cy-lPT2-text>a {
    position: absolute;
    left: 30px;
    bottom: 50px;
    padding: 5px 10px;
    border: 1px solid #ccc;
    background: #fff;
    transition: border .38s;
  }

  .cy-list-picText2 li:hover .cy-lPT2-text {
    background: #00a596;
    color: #fff;
  }

  .cy-list-picText2 li:hover .cy-lPT2-text::before {
    width: 100%;
  }

  .cy-list-picText2 li:hover .cy-lPT2-text h3 {
    color: #fff;
  }

  .cy-lPT2-text h3 a:hover {
    color: #fff;
  }

  .cy-list-picText2 li:hover .cy-lPT2-text>a {
    color: #666;
    border-color: #00a596;
  }

  .cy-list-picText2 li .cy-lPT2-text>a:hover {
    color: #00a596;
  }

  .cy-list-pic {
    padding: 50px 5% 20px;
  }

  .cy-list-pic li {
    float: left;
    width: 48%;
    margin: 0 1% 20px;
  }

  .cy-lP-text h4 {
    height: 3.6em;
  }

  /* newscenter end */
  .cy-sG-nav {
    margin-top: 20px;
    padding-bottom: 25px;
  }

  .cy-sG-nav li a {
    padding: 0 12px;
    font-size: 15px;
  }

  .cy-sG-table {
    padding: 20px 5%;
  }

  .cy-sG-map {
    padding-top: 40px;
  }

  .cy-cu-map {
    float: left;
    width: 55%;
    height: 460px;
  }

  .cy-cu-contact {
    float: left;
    width: 45%;
    height: 460px;
  }

  .cy-cu-us {
    height: 255px;
    padding-right: 0;
    overflow: hidden;
  }

  .cy-cu-contact h3 {
    font-size: 20px;
  }

  .cy-cu-report {
    height: 185px;
    padding-right: 0;
    overflow: hidden;
  }

  .cy-cu-words h3 {
    font-size: 18px;
  }

  .cy-news-banner>ul {
    bottom: 15px;
  }

  .cy-safety .cy-iPC-complain {
    margin-top: 50px;
  }
}

/* 澶у瀷璁惧锛堝ぇ鍙板紡鐢佃剳锛?200px 璧凤級 */
@media screen and (min-width: 1200px) {
  body {
    font-size: 15px;
    line-height: 1.8;
  }

  .cy-container {
    width: 1000px;
    position: relative;
    margin: 0 auto;
    padding: 0;
  }
  /* header */
  .cy-header-real {
    height: 90px;
  }

  .cy-logo {
    width: 280px;
    height: 47px;
    top: 22px;
    left: 2%;
  }

  .cy-nav-title {
    height: 90px;
    padding: 29px 0;
  }

  .cy-nav-title>ul,
  .cy-nav-cont>ul {
    margin: 0 0 0 8%;
  }

  .cy-nav-title>ul>li {
    width: 82px;
  }

  .cy-nav-title>ul>li>a {
    font-size: 14px;
  }

  .cy-more {
    top: 29px;
    right: 2%;
  }

  .cy-more a {
    font-size: 13px;
    padding: 0 9px;
  }

  .cy-more .cy-search {
    min-width: 42px;
    margin: 0 8px 0 0;
    padding: 0 12px 0 0;
    border-radius: 8px;
  }

  .cy-more .cy-search:hover {
    padding: 0 12px;
  }

  .cy-more .cy-search:hover input {
    width: 100px;
  }

  .cy-nav-cont {
    height: 280px;
  }

  .cy-nav-cList {
    width: 82px;
  }

  .cy-nav-cLink>li>a {
    font-size: 12px;
  }
  /* header end */
  /* home */
  .cy-banner-text {
    width: 50%;
    left: 5%;
  }

  .cy-banner-pic div {
    height: 100%;
  }

  .cy-banner-text>p {
    max-height: 2em;
    font-size: 18px;
    line-height: 2;
  }

  .cy-announcement {
    height: 36px;
    padding: 10px 5%;
    font-size: 0;
  }

  .cy-announcement h5 {
    float: left;
    max-width: 12.5%;
    padding: 0 20px 0 2.5%;
    margin: 0 20px 0 0;
    font-size: 16px;
    border-right: 1px solid #ccc;
    line-height: 1;
  }

  .cy-announcement-banner {
    float: left;
    max-width: 38%;
    font-size: 14px;
    line-height: 1;
  }

  .cy-annobanner-item>p {
    width: 80%;
    max-height: 1em;
  }

  .cy-annobanner-item>span {
    width: 80px;
    padding: 0;
  }

  .cy-announcement-share {
    right: 47.5%;
  }

  .cy-news-list{
    width: 33.33%;
    height: 440px;
    background: #f5f5f5;
  }

  .cy-news-list .cy-list-limit {
    height: 352px;
    max-height: none;
    margin: 23px 0;
  }

  .cy-newsList-content {
    padding: 0;
  }

  .cy-news-banner {
    width: 66.67%;
    height: 440px;
    padding: 0 16px 0 0;
    overflow: hidden;
  }

  .cy-newsBanner {
    border: 1px solid #dedede;
  }

  .cy-newsBanner,
  .cy-newsBanner-item,
  .cy-newsB-img img {
    height: 100%;
  }

  .cy-newsB-img {
    float: left;
    width: 58%;
    height: 100%;
  }

  .cy-newsB-iDescN {
    display: block;
    width: 42%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    padding: 72px 40px;
  }

  .cy-newsB-iDescN h3 {
    padding-bottom: 20px;
    font-size: 18px;
    color: #333;
    border-bottom: 1px solid #e2e2e2;
    line-height: 1.4;
  }

  .cy-newsB-iDescN h3 a {
    display: block;
    transition: color .2s;
  }

  .cy-newsB-iDescN h3:hover a {
    color: #00a596;
  }

  .cy-newsB-iDescN p {
    max-height: 9em;
    font-size: 15px;
    overflow: hidden;
  }

  .cy-newsB-more {
    position: absolute;
    left: 40px;
    bottom: 45px;
    padding: 0 25px;
    border: 1px solid #ccc;
    line-height: 38px;
    background: #fff;
    transition: color .38s, background .38s, border .38s;
  }

  .cy-newsB-more:hover {
    background: #00a596;
    color: #fff;
    border-color: #00a596;
  }

  .cy-newsB-data {
    width: 58px;
    height: 50px;
    position: absolute;
    top: 0;
    left: 40px;
    background: #00a596;
    color: #fff;
    text-align: center;
    font-family: Arial;
  }

  .cy-newsB-data::before {
    content: '';
    position: absolute;
    top: 100%;
    left: 0;
    border-left: 29px solid #00a596;
    border-right: 29px solid #00a596;
    border-bottom: 10px solid transparent;
  }

  .cy-newsB-data b {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    font-size: 12px;
  }

  .cy-newsB-data i {
    width: 100%;
    position: absolute;
    top: 5px;
    left: 0;
    font-size: 28px;
    font-weight: bold;
    line-height: 1;
  }

  .cy-news-banner>ul {
    left: 24%;
  }

  .cy-list-limit {
    max-height: 330px;
    background: #f5f5f5;
  }

  .cy-list-limit a {
    height: 32px;
    line-height: 32px;
  }

  .cy-common-title h3 {
    padding: 0;
  }

  .cy-work {
    padding: 16px 5%;
  }

  .cy-work-list {
    float: left;
    width: 33.33%;
  }

  .cy-work-list span {
    width: 25%;
  }

  .cy-work-list p {
    width: 75%;
  }

  .cy-work-banner {
    float: right;
    width: 65.67%;
    height: 224px;
    margin: 10px 0 0;
  }

  .cy-work-banner img {
    height: 224px;
  }

  .cy-service {
    float: left;
    width: 34.9%;
    height: 385px;
    margin: 16px 0 0;
    padding: 0 0 0 5%;
  }

  .cy-service-demo,.cy-service-demo .item img {
    width: 100%;
    height: 150px;
  }

  .cy-service ul {
    width: 100%;
    height: 192px;
    padding: 6px 0 0;
  }

  .cy-case {
    float: right;
    width: 64.1%;
    height: 385px;
    margin-bottom: 60px;
    padding: 0 5% 0 0;
  }

  .cy-service-list>ul>li a {
    height: 32px;
    line-height: 32px;
  }

  .cy-caseBanner img {
    height: 342px;
  }

  .cy-caseBanner-text {
    width: 40%;
    height: 100%;
    left: auto;
    right: 0;
    background: url("../images/icons/01_hm_grad_black.png");
  }

  .cy-caseBanner-t {
    max-height: inherit;
    padding: 48px 24px;
  }

  .cy-caseBanner-t p {
    max-height: 9em;
  }

  .cy-caseBanner-arrow {
    width: auto;
    top: auto;
    left: 24px;
    right: auto;
    bottom: 24px;
    overflow: visible;
  }

  .cy-caseBanner-arrow .cy-caseBanner-next {
    margin: 0 0 0 5px;
  }

  .cy-caseBanner-t h4 {
    font-size: 20px;
  }

  .cy-banner-arrow>p {
    font-size: 15px;
  }
  /* home end */
  .cy-iPC-nav ul {
    padding: 8px 0 0;
    text-align: center;
  }

  .cy-iPC-nav ul li {
    display: inline-block;
    float: none;
  }

  .cy-iPC-smallTitle {
    padding: 80px 0 26px;
    margin: 0 0 30px;
  }

  .cy-iPC-smallTitle>span {
    width: 75px;
    height: 75px;
    padding: 10px;
    font-size: 20px;
    border-width: 3px;
  }

  .cy-iPC-smallTitle h3 {
    padding: 20px 0 0 12px;
    font-size: 18px;
  }

  .cy-iPC-smallTitle i {
    font-size: 15px;
  }

  .cy-oIE {
    padding-bottom: 66px;
  }

  .cy-iPC-nav a {
    font-size: 16px;
  }
  /* overview */
  .cy-iPC-title {
    padding: 0 0 60px;
    color: #fff;
    background: transparent;
  }

  .cy-iPC-title h3 {
    width: 1000px;
    margin: 0 auto;
    font-size: 24px;
  }

  .cy-iPC-title h4 {
    width: 1000px;
    margin: 0 auto;
    font-size: 36px;
  }

  .cy-oCP {
    padding-bottom: 60px;
  }

  .cy-oCP p {
    font-size: 16px;
    line-height: 2.2;
  }

  .cy-oCP img {
    display: inline;
    margin: 0;
  }

  .cy-oOs {
    padding-bottom: 65px;
  }

  .cy-oOs p {
    font-size: 16px;
    text-align: right;
  }

  .cy-oIE-years {
    top: 100px;
    right: 0;
  }

  .cy-oIE-title ul li {
    padding: 25px 0;
    font-size: 18px;
  }

  .cy-oIE-title ul li p {
    display: inline;
  }

  .cy-oIE-years>a p,
  .cy-oIE-years ul li {
    font-size: 16px;
  }

  .cy-oIE-year>li>ul>li {
    padding: 50px 5% 80px;
    font-size: 15px;
    line-height: 2.5;
  }

  .cy-oHSS {
    margin: 0 -8%;
  }

  .cy-oHHS-arrow {
    position: absolute;
    top: -86px;
    right: 6.9%;
  }

  .cy-oHHS-arrow li {
    float: left;
    width: 50px;
    height: 30px;
    position: static;
    top: auto;
    left: auto;
    right: auto;
    margin: 0 0 0 10px;
    border-radius: 0;
    background-color: #00a596;
    border-color: #00a596;
  }

  .cy-oHHS-arrow li:hover {
    background-color: #fff;
    border-color: #fff;
  }

  .cy-oHSS-b {
    margin: 0 .2%;
  }

  .cy-oHSS-b h4 {
    height: 3em;
    padding: 0;
    line-height: 3;
  }

  .cy-oHSS-b>div p {
    padding: 20% 0 0;
    text-indent: 0;
  }
  /* overview end */
  /* newscenter */
  .cy-list-picText li {
    margin-top: -1px;
    padding: 0;
    border-bottom: 0 none;
  }

  .cy-lPT-container {
    width: 1000px;
    margin: -1px auto 0;
    padding: 30px 0;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    overflow: hidden;
  }

  .cy-lPT-cont h3 {
    font-size: 20px;
  }

  .cy-insidePagesCommon .cy-iP {
    width: 1000px;
    padding: 10px;
    margin: 50px auto 69px;
    background: #f8f8f8;
  }

  .cy-service-safety .cy-list-text {
    margin-top: 50px;
  }

  .cy-iP-turn a {
    width: 40px;
    top: 10px;
  }

  .cy-iP-turn .cy-iP-prep {
    left: 10px;
  }

  .cy-iP-turn .cy-iP-next {
    right: 10px;
  }

  .cy-list-text a {
    display: block;
    width: 1000px;
    margin: 0 auto;
    font-size: 18px;
  }

  .cy-list-text span {
    width: 10%;
  }

  .cy-list-text p {
    width: 90%;
  }

  .cy-list-picText2 li {
    width: 1000px;
    margin: 0 auto 30px;
    padding: 0;
  }

  .cy-list-picText2 span {
    left: 20px;
  }

  .cy-lPT2-text,
  .cy-list-picText2 li>p {
    height: 420px;
  }

  .cy-list-picText2 {
    margin: 50px 0 0;
  }


  .cy-nCC {
    width: 1000px;
    margin: -130px auto 0;
    padding: 0 50px;
  }

  .cy-nCC-share {
    float: right;
    margin: 0;
  }

  .cy-iPC-complain {
    top: 100px;
  }

  .cy-iPC-complain>a {
    padding: 0 10px 0 30px;
  }

  .cy-iPC-complain>a span {
    left: 10px;
  }

  .cy-pWS-list li {
    margin-top: -1px;
    padding: 0;
    border: 0 none;
    overflow: hidden;
  }

  .cy-pWS-box {
    width: 1000px;
    margin: -1px auto 0;
    padding: 20px 15% 20px 0;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
  }

  .cy-pWS-box span {
    width: 80px;
    height: 68px;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -46px;
    padding: 10px 0;
    font-size: 12px;
    border: 1px solid #ccc;
    border-radius: 6px;
    text-align: center;
    color: #999;
    transition: background .38s;
  }

  .cy-pWS-box span i {
    display: inline-block;
    width: 25px;
    height: 25px;
    background: url("../images/icons/04_wk_date.png") no-repeat center;
  }

  .cy-pWS-list li:hover .cy-pWS-box span {
    background: #00a596;
    color: #fff;
  }

  .cy-pWS-list li:hover .cy-pWS-box span i {
    background-image: url("../images/icons/04_wk_dateh.png");
  }

  .cy-pWS-box h4 {
    font-size: 20px;
  }

  .cy-pWSC {
    width: 1000px;
    margin: 0 auto;
    padding: 30px 0 80px;
  }

  .cy-pWSC form {
    margin: 0;
    padding: 30px;
  }

  .cy-pWSC-name,
  .cy-pWSC-phone {
    width: 200px;
  }

  .cy-pWSC-text {
    margin: 69px 0 0;
  }

  .cy-pWSC-yzhm span {
    width: 180px;
  }

  .cy-submit {
    padding: 0 0 0 10px;
    text-align: left;
  }

  .cy-list-pic {
    width: 1023px;
    margin: 0 auto;
    padding: 50px 0 0;
  }

  .cy-list-pic li {
    float: left;
    width: 31.33%;
    margin: 0 1% 20px;
  }

  /* newscenter end */
  .cy-sG-nav ul {
    width: 1000px;
    margin: 0 auto;
  }

  .cy-sG-fee {
    margin-top: 30px;
  }

  .cy-sG-fee h3 {
    font-size: 20px;
  }

  .cy-sG-table th,
  .cy-sG-fee h4 {
    font-size: 18px;
  }

  .cy-sG-table td,
  .cy-sG-fee p {
    font-size: 15px;
  }

  .cy-sG-table {
    margin-bottom: 30px;
    padding: 42px 5%;
  }

  .cy-sG-map {
    padding-top: 50px;
  }

  .cy-sG-nav li a {
    padding: 0 26px;
    font-size: 16px;
  }

  .cy-cu-map {
    float: left;
    width: 58%;
    height: 554px;
  }

  .cy-cu-contact {
    float: left;
    width: 42%;
    height: 554px;
  }

  .cy-cu-contact h3 {
    font-size: 24px;
  }

  .cy-cu-us, .cy-cu-report {
    padding: 30px 5%;
    padding-right: 0;
    height: auto;
  }

  .cy-cu-words h3 {
    font-size: 24px;
  }

  .cy-cu-words {
    padding: 60px 0 80px;
  }

  .cy-news {
    padding: 60px 5%;
  }

  .cy-news>h3 {
    width: 61px;
    height: 61px;
    top: 60px;
    padding: 0 10px;
    border-top: 1px solid #dedede;
    border-left: 1px solid #dedede;
    font-size: 18px;
    line-height: 1.6;
  }

}

@media screen and (min-width: 1441px) {
  /* header */
  .cy-header-real {
    height: 96px;
  }

  .cy-logo {
    width: 320px;
    height: 54px;
    top: 20px;
    left: 3%;
  }

  .cy-nav-title {
    height: 96px;
    padding: 32px 0;
  }

  .cy-nav-title>ul,
  .cy-nav-cont>ul {
    margin: 0 0 0 7%;
  }

  .cy-nav-title>ul>li {
    width: 100px;
  }

  .cy-nav-title>ul>li>a {
    font-size: 16px;
  }

  .cy-more {
    top: 32px;
    right: 3%;
  }

  .cy-more a {
    font-size: 14px;
    padding: 0 12px;
  }

  .cy-more .cy-search {
    min-width: 46px;
    margin: 0 10px 0 0;
    padding: 0 14px 0 0;
    border-radius: 12px;
  }

  .cy-more .cy-search:hover {
    padding: 0 14px;
    border-radius: 12px;
  }

  .cy-more .cy-search:hover input {
    width: 120px;
  }

  .cy-nav-cont {
    height: 280px;
  }

  .cy-nav-cList {
    width: 100px;
  }

  .cy-nav-cLink>li>a {
    font-size: 12px;
  }
  /* header end */
  /* footer */
  .cy-copyright>p {
    margin: 25px 0 0;
    font-size: 14px;
  }

  .cy-contact {
    padding: 0;
    text-align: right;
  }

  .cy-contact-way {
    margin: 10px 0 0;
  }

  .cy-contact-way>li {
    width: auto;
    margin: 10px 0 0 15px;
  }
  /* footer end */
  /* home */
  .cy-banner-text {
    width: 45%;
  }

  .cy-btext-item {
    padding: 30px 0;
    line-height: 1.5;
  }

  .cy-btext-item h3 {
    font-size: 36px;
  }

  .cy-btext-item h4 {
    font-size: 24px;
  }

  .cy-announcement-banner {
    max-width: 33%;
  }

  .cy-announcement-share {
    left: 45%;
    right: auto;
    bottom: 25px;
  }

  .cy-news-banner {
    height: 500px;
  }

  .cy-newsList-title li {
    height: 56px;
    padding: 0 6%;
    font-size: 16px;
    line-height: 56px;
  }

  .cy-list-limit{
    max-height: 380px;
    margin: 6px 0 0;
    font-size: 15px;
  }

  .cy-announcement {
    height: 66px;
    padding: 25px 5%;
    background: #fff;
  }

  .cy-list-limit a {
    height: 34px;
    line-height: 34px;
  }
	.cy-service-list>ul>li a {
    height: 48px;
    line-height: 48px;
  }
  .cy-work-list {
    height: 304px;
    padding-top: 32px;
  }

  .cy-work-banner {
    height: 304px;
    margin: 6px 0 0;
  }

  .cy-work-banner img {
    height: 304px;
  }

  .cy-news-banner>ul>li {
    width: 12px;
    height: 12px;
    margin: 0 5px;
  }

  .cy-news-banner>ul {
    bottom: 15px;
  }

  .slick-dots li {
    width: 12px;
    height: 12px;
    margin: 0 5px;
  }

  .cy-service,
  .cy-case {
    height: 560px;
    margin: 56px 0 80px;
    background: #dfdfdf;
    overflow: hidden;
  }

  .cy-service-demo,.cy-service-demo .item img {
    height: 230px;
  }

  .cy-service-list {
    float: right;
    width: 100%;
    height: 287px;
    padding: 22px 0 0;
    background: #fff;
    overflow: hidden;
  }

  .cy-service-list ul {
    height: auto;
    max-height: 235px;
    padding: 0;
    background: #fff;
  }

  .cy-service-list>ul>li {
    margin: 0 5% -1px;
    border-bottom: 1px solid #e3e3e3;
  }

  .cy-service-list>ul>li a {
    margin: 0 -5.5% -1px;
    padding: 0 9%;
    border-bottom: 0 none;
  }

  .cy-caseBanner img {
    height: 517px;
  }

  .cy-caseBanner-t {
    padding: 100px 50px;
  }

  .cy-caseBanner-arrow li {
    width: 40px;
    height: 40px;
  }

  .cy-caseBanner-arrow {
    left: 50px;
    bottom: 70px;
  }

  .cy-caseBanner-arrow .cy-caseBanner-next {
    margin: 0 0 0 10px;
  }
  .cy-bgdf {
    background: #dfdfdf;
  }

  .cy-news {
    padding: 60px 5% 0;
  }

  .cy-work {
    padding: 60px 5% 69px;
  }

  .cy-news-list {
    height: 500px;
  }

  .cy-news-list>a {
    height: 56px;
    top: 0;
    line-height: 56px;
  }

  .cy-news>h3 {
    width: 71px;
    height: 71px;
    padding: 2px 12px;
    font-size: 20px;
  }

  .cy-news-list .cy-list-limit {
    height: 408px;
    margin: 18px 0;
  }
  /* home end */
  /* overview */
  .cy-oHSS {
    margin: 0 -16%;
  }

  .cy-oHHS-arrow {
    position: absolute;
    top: -80px;
    right: 12.1%;
  }

  .cy-oHSS-b h4 {
    height: 3.6em;
    line-height: 3.6;
  }
  /* overview end */
  .cy-cu-map {
    height: 558px;
  }

  .cy-cu-contact {
    height: 558px;
    overflow: hidden;
  }

  .cy-cu-contact .cy-contact-way>li {
    width: 100%;
  }

  .cy-newsB-iDescN {
    padding: 82px 40px;
  }

  .cy-newsB-more {
    left: 40px;
    bottom: 50px;
  }

  .cy-newsB-data {
    width: 64px;
    height: 60px;
    left: 40px;
  }

  .cy-newsB-data::before {
    border-left-width: 32px;
    border-right-width: 32px;
    border-bottom-width: 10px;
  }

  .cy-newsB-data b {
    bottom: 2px;
  }

  .cy-newsB-data i {
    top: 6px;
    font-size: 36px;
  }
}

@media screen and (min-width: 1600px){

  /* header */
  .cy-nav-title>ul>li,
  .cy-nav-cList {
    width: 118px;
  }
  /* header end */
  /* overview */
  .cy-overview-highSpeedStyle .cy-container {
    width: auto;
    padding: 0 5%;
  }

  .cy-iPC-smallTitle {
    width: 1000px;
    margin: 0 auto 30px;
  }

  .cy-oHSS {
    margin: 0 -.7%;
  }

  .cy-oHHS-arrow {
    position: absolute;
    top: -80px;
    right: 16.7%;
  }

  .cy-oHSS-b h4 {
    height: 4em;
    line-height: 4;
  }

  .cy-oHSS-b>div p {
    padding: 22% 10% 0;
  }
  /* overview end */
}

/* 2017.08.08 */
@media (max-width: 1024px) {
  .cy-nav-title {
    overflow: auto;
  }
}

@media (min-width: 1025px) and (max-width: 1100px) {
  .cy-nav-title>ul>li,
  .cy-nav-cList {
    width: 70px;
  }
}

@media (min-width: 1200px) and (max-width: 1280px) {
  .cy-nav-title>ul>li,
  .cy-nav-cList {
    width: 80px;
  }
}

@media (min-width: 1441px) and (max-width: 1680px) {
  .cy-nav-title>ul>li,
  .cy-nav-cList {
    width: 90px;
  }
}

@media (min-width: 540px) {
  .safeBs-head {
    padding: 40px 30px;
  }

  .safeBs-head .t {
    font-size: 18px;
    line-height: 25px;
  }

  .safeBs-form {
    margin-right: -3%;
  }

  .safeBs-form .form-item {
    float: left;
    width: 47%;
    margin-right: 3%;
  }

  .safeBs-body {
    padding: 40px 30px 15px;
  }

  .sbs-title {
    padding-bottom: 30px;
  }

  .sbs-title .t {
    font-size: 22px;
  }

  .sbs-title .c {
    margin-top: 24px;
    font-size: 14px;
  }

  .sbs-cont {
    padding: 20px 0 30px;
  }

  .sbs-cont .t {
    font-size: 18px;
    line-height: 25px;
  }

  .sbs-cont .t .ix {
    float: left;
  }

  .sbs-cont .t .c {
    display: block;
    overflow: hidden;
  }

  .sbs-item {
    padding: 20px 0;
    font-size: 14px;
  }

  .sbs-tj {
    width: 130px;
    line-height: 25px;
  }

  .safeBs-foot {
    padding-bottom: 40px;
  }

  .safeBsJg .safeBs-box {
    padding: 40px 30px;
  }

}

@media (min-width: 768px) {
  .safeBs-head {
    padding: 50px 40px;
  }

  .safeBs-head .t {
    font-size: 20px;
    line-height: 30px;
  }

  .safeBs-form {
    margin-right: -4%;
  }

  .safeBs-form .form-item {
    width: 46%;
    margin-right: 4%;
  }

  .safeBs-form .form-item input {
    padding-left: 15px;
    padding-right: 15px;
  }

  .safeBs-body {
    padding: 50px 40px 20px;
  }

  .sbs-title {
    padding-bottom: 40px;
  }

  .sbs-title .t {
    font-size: 25px;
  }

  .sbs-title .c {
    margin-top: 29px;
    line-height: 25px;
    text-align: center;
  }

  .sbs-cont {
    padding: 30px 0 40px;
  }

  .sbs-cont .t {
    line-height: 30px;
  }

  .sbs-item.cy-s3x .slc-item,
  .sbs-item.cy-s4x .slc-item {
    width: 50%;
  }

  .sbs-item {
    padding: 25px 0;
    font-size: 16px;
    line-height: 25px;
  }

  .sbs-cont2 .slc-item {
    width: 30%;
  }

  .sbs-tj {
    width: 150px;
    padding: 10px 0;
    line-height: 20px;
  }

  .safeBs-foot {
    padding-bottom: 50px;
  }

  .safeBsJg .safeBs-box {
    padding: 50px 40px;
  }

  .safeBsJg .t-s {
    font-size: 16px;
  }

  .safeBsJg .t {
    font-size: 30px;
    line-height: 35px;
  }

  .safeBsJg .tk {
    font-size: 16px;
  }
}

@media (min-width: 1024px) {
  .safeBs-head {
    padding: 60px 50px 50px;
  }

  .safeBs-head .t {
    padding-bottom: 15px;
    font-size: 24px;
    font-family: "Microsoft Yahei", sans-serif;
  }

  .safeBs-form {
    margin-right: -5%;
  }

  .safeBs-form .form-item {
    width: 45%;
    margin-top: 25px;
    margin-right: 5%;
  }

  .safeBs-body {
    padding: 60px 50px 10px;
  }

  .sbs-title {
    padding-bottom: 50px;
  }

  .sbs-title .t {
    font-size: 30px;
    line-height: 40px;
  }

  .sbs-title .c {
    margin-top: 34px;
    font-size: 16px;
  }

  .sbs-cont {
    padding: 30px 0 50px;
  }

  .sbs-item.cy-s3m .slc-item,
  .sbs-item.cy-s4m .slc-item {
    width: 50%;
  }

  .sbs-item {
    padding: 35px 0 30px;
  }

  .sbs-item .slc {
    margin-top: 20px;
  }

  .slc-item {
    margin-top: 15px;
  }

  .sbs-tj {
    width: 170px;
    font-size: 18px;
    line-height: 25px;
    transition: all .3s;
  }

  .sbs-tj:hover {
    background: #008276;
  }

  .safeBsJg .safeBs-box {
    padding: 70px 50px 60px;
    transition: all .3s;
    cursor: default;
  }

  .safeBsJg .c-b:hover {
    background: #01bbaa;
  }
}


@media (max-width: 1240px) {
	.content-1060{ width: 90%;}
	.honor-list{ margin-top: 100px; padding-bottom: 100px;}
	.page-padding{ padding: 100px 0;}
	.history-list{ margin: 100px auto;}
	.lindao-list .name{ font-size: 28px;}
}
@media (max-width: 1024px) {
	.cy-more a.item{ display: block;}
	.cy-more-box{ display: none;}
	.honor-list{ margin-top: 80px; padding-bottom: 80px; font-size: 14px;}
	.honor-list .time{ font-size: 24px;}
	.page-padding{ padding: 80px 0;}
	.history-list{ margin: 80px auto;}
	.history-list dl{ font-size: 14px;}
	.lindao-list .name{ font-size: 24px;}
	.lindao-list .desc{ font-size: 14px;}
}
@media screen and (max-width: 870px) {
	
}
@media screen and (max-width: 640px) {
	.honor-list::before{ left: 84px; width: 1px;}
	.honor-list{ margin-top: 45px; padding-bottom: 45px;}
	.honor-list dd{ margin-top: 30px;}
	.honor-list .time{ width: 150px; padding: 0; left: 0; font-size: 20px;}
	.honor-list .item1 .time{ text-align: left; padding: 0;}
	.honor-list .desc{ margin-left: 110px; width: auto;}
	.honor-list .item1 .desc{ margin-left: 110px;}
	.honor-list .time-ico{ margin-left: 72px; width: 24px;}
	.honor-list .hiy-ico{ left: 84px;}
	.page-padding{ padding: 45px 0;}
	.history-list{ margin: 45px auto; padding-top: 50px;}
	.history-list dl{ margin-bottom: 45px;}
	.history-list::after{ width: 24px; height: 24px; left: 0; right: auto;}
	.history-list::before{ left: 12px; width: 1px;}
	.history-list dd{ margin-top: 25px;}
	.history-list .year{ width: auto; text-align: left; padding-left: 40px; font-size: 20px;}
	.history-list .num{ display: inline-block;}
	.history-list .hiy-ico{ left: -1px; margin-left: 0; width: 25px; height: 25px;}
	.history-list .hiy-ico:after{ width: 80%; height: 80%; left: 10%; top: 10%;}
	.history-list .hiy-ico:before{ width: 9px; height: 9px;}
	.history-list .time, .history-list .desc,.history-list .item1 .time,.history-list .item1 .desc{ float: none; text-align: left; padding: 0 0 0 40px; width: 100%;}
	.lindao-list li{ padding: 10px 5%;}
	.lindao-list .name{ font-size: 18px; margin-bottom: 4px;}
	.lindao-list .desc{ font-size: 13px;}
	
}